<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'quanbu.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link rel="stylesheet" href="css/quanbu.css" type="text/css">
	<link rel="stylesheet" href="css/bootstrap.css" type="text/css">
    <script src="js/jquery-1.8.3.js"></script>
    <script src="js/quanbu.js"></script>	
    

  </head>
  
  <body>
    <div class="fanding">
    <img src="images/rocket_button_up2.png" height="115" width="72" id="tu2"/>
</div>
<!--页头-->
<div>
    <div  id="tou">
        <div id="title">
            <div id="logo"><a href="shouye.do"><img src="images/gf_03.gif" height="41" width="44"/></a></div>
            <div id="caidan">
                在线商城&emsp;&emsp;坚果Pro2&emsp;&emsp;坚果Pro&emsp;&emsp;Smartisan OS&emsp;&emsp;欢喜云&emsp;&emsp;应用下载&emsp;&emsp;官方论坛&emsp;&emsp;

                <div id="tu"><a href="denglupanduan.do"><img src="images/qbsp_06.gif" height="20" width="20"/></a>&emsp;&emsp;<a href="gouwucheche.do">
                <img src="images/qbsp_08.gif" height="20" width="25"/></a></div>
                <div class="yuan" id="yuan9" style="background-color:${hong}">${zhonggong }</div>
            </div>
        </div>
    </div>

    <div class="ban">
        <div class="zhong">
            首页&emsp;&emsp;<span id="shouji2">手机</span>&emsp;&emsp;“足迹系列”手感膜&emsp;&emsp;“足迹系列”保护套&emsp;&emsp;官方配件&emsp;&emsp;空气净化类&emsp;&emsp;周边产品&emsp;&emsp;<a href="quanbu.html">全部商品</a>
            <div class="jia">
                <a href="denglu.jsp"><img src="images/wbt_03.jpg" height="24" width="24"/></a>&emsp;&emsp;
                <a href="gouwucheche.do"><img src="images/wbt_05.jpg" height="24" width="30"/></a>
                <div class="yuan1" id="yuan8" style="border-radius: 50%;background-color:${hong}">${zhonggong }</div>
            </div>
        </div>
    </div>

    <div id="cai">
        首页&emsp;&emsp;手机&emsp;&emsp;“足迹系列”手感膜&emsp;&emsp;“足迹系列”保护套&emsp;&emsp;官方配件&emsp;&emsp;空气净化类&emsp;&emsp;周边产品&emsp;&emsp;第三方配件&emsp;&emsp;全部商品&emsp;&emsp;服务
    </div>
</div>
<!--主体-->
<div id="bainkuan">
    <!--标题-->
<div id="nai">
    <hr/>
    <ul id="fenlei">
    	<c:forEach items="${commtype }" var="list">
    		<li>${list.name }<span style="display:none">${list.id }</span></li>
    	</c:forEach>
    </ul>
  <ul id="xuann">
  		<form action="quanbu.do" id="form1">
  			 <li><a>综合排序</a>·</li>
      		 <li><a>销量排序</a>·</li>
      		 <li><a>价格低到高</a>·</li>
      		 <li><a>价格高到低</a></li>
  			
        	<input type="hidden" name="paixu" id="paixu" value="${paixu }"/>
        	<input type="hidden" name="no" id="no" />
        	<input type="hidden" name="fenlei" id="yfenlei" value="${fenlei }" />
        </form>
  </ul>
    </div>
    <!--整个-->
    <div id="da">
        <ul class="ul">
           <c:forEach items="${list }" var="c">
            <!--第一行-->
            <li style="float:left">
                <img src="${c.iid.img}" width="248" height="274">
                <p>${c.name }</p>
                <p>${c.introduction }</p>
                <p><input name="单选" type="radio"></p>
                <p>￥${c.money }</p>
                <div class="yinchang">
                     <input type="button"  value="查看详情" style="border: 0px solid #000; border-radius: 5px;color: #000;">
                      <input type="button" value="立即购买" style="border: 0px solid #000; border-radius: 5px;background-color: #537be0;color: #fff">
                 </div>
            </li>
           </c:forEach>
        </ul>
        <div style="width:100%">
        <!-- 分页栏开始 -->
	    <div style="text-align:center;">
		    <nav aria-label="Page navigation">
			  <ul class="pagination">
			  	<li><a href="#" onclick="go(1);return false">首页</a></li>
			    <li><a href="#" onclick="go(${page.prevPage});return false">上一页</a></li>
			    <c:forEach begin="1" end="${page.totalPage }" var="i">
			    <c:if test="${page.pageNo==i }" var="active">
			    <li class="active"><a href="#" onclick="go(${i});return false">${i }</a></li>
			    </c:if>
			    <c:if test="${not active }">
			    <li><a href="#" onclick="go(${i });return false">${i }</a></li>
			    </c:if>
			    </c:forEach>
			    <li><a href="#" onclick="go(${page.nextPage});return false">下一页</a></li> 
			    <li><a href="#" onclick="go(${page.totalPage});return false">末页</a></li>
			    <li><a href="#">总页数：${page.totalPage }页</a></li>
			    <li><a href="#">总条数：${page.totalCount }页</a></li>
			  </ul>
			</nav>
	  	</div>
	  	<!-- 分页栏结束 -->
        
        </div>
        
    </div>
    <br>
    <br>
    <div class="div1">
        <div>
            <div class="div5"><img src="images/qbsp_176.gif"> </div>
            <div class="div6">在线客服</div>
            <div class="div7">周一至周日 9:00-18:00</div>
        </div>
        <div>
            <div class="div5"><img src="images/qbsp_179.gif"> </div>
            <div class="div6">7天无理由退货</div>
            <div class="div7">7天无理由退货 请放心购买</div>
        </div>
        <div>
            <div class="div5"><img src="images/qbsp_182.gif"> </div>
            <div class="div6">15天免费换货</div>
            <div class="div7">15天内如遇质量问题 免费换货</div>

        </div>
        <div>
            <div class="div5"><img src="images/qbsp_185.gif"> </div>
            <div class="div6">满 150 元免运费</div>
            <div class="div7">全场使用顺风快递</div>
        </div>
    </div>
</div>
<!--页脚-->
<div id="yejiao">
    <div class="kuan">
        <div class="zuo">
            <ul class="hhhhhhhh">
                <li >
                    <p>订单服务</p>
                    <p>购买指南<br>支付方式<br>送货政策</p>
                </li>
                <li>
                    <p>服务支持</p>
                    <p>售后服务<br>维修门店<br>零售门店</p>
                </li>
                <li>
                    <p>自助服务</p>
                    <p>热点资讯<br>预约购买<br>订单物流</p>
                </li>
                <li>
                    <p>媒体中心</p>
                    <p>新闻动态<br>官方视频<br>图片资源</p>
                </li>
                <li>
                    <p>关于公司</p>
                    <p>公司简介<br>加入我们<br>联系我们</p>
                </li>
                <li>
                    <p>关注我们</p>
                    <p>新浪微博<br>官方微信<br>官方贴吧</p>
                </li>
            </ul>
        </div>
        <div class="you">
            <h3>400-626-5666</h3>
            <p class="p">周一至周六9：00-1800(仅收市话费)</p>
            <div id="xiao"><img src="images/gfzx_156.gif" height="14" width="15"/> 在线帮助</div>
        </div>
    </div>
    <hr>
    <div class="z">
        <p>Copyright © , Smartisan Digital Co., Ltd. All Rights Reserved.北京锤子数码科技有限公司 &emsp;|<span>法律声明</span> &emsp;|<span>隐私条款</span> &emsp;|<span>开发者中心</span><br>
            <span style="color: #5c5251">京ICP备14041720号-1京ICP证140622号京公网安备11010502025474</span>
        </p>
    </div>
    <div class="you2">
        <img src="images/gfzx_160.gif" height="15" width="23"/>&emsp;中文
    </div>
</div>
  </body>
</html>
